<template>
  <div class="ep-footer">
    <div class="container-fluid">
      <div class="container-fluid-row">
        <div class="footer-characteristic">
          <div class="characteristic-item">
            <div class="item-image">
              <i class="ep icon-shopping"></i>
            </div>
            <span class="item-font">Shopping</span>
          </div>
          <i class="item-line"></i>
          <div class="characteristic-item">
            <div class="item-image">
              <i class="ep icon-express"></i>
            </div>
            <span class="item-font">Product Expresss</span>
          </div>
          <i class="item-line"></i>

          <div class="characteristic-item">
            <div class="item-image">
              <i class="ep icon-service"></i>
            </div>
            <span class="item-font">Customer Service</span>
          </div>
          <i class="item-line"></i>

          <div class="characteristic-item">
            <div class="item-image">
              <i class="ep icon-contact-us"></i>
            </div>
            <span class="item-font">Contact Us</span>
          </div>
        </div>
      </div>
    </div>
    <div class="container-fluid">
      <div class="container-fluid-row">
        <div class="service-row">

          <div class="logo-container">
            <slot name="logo">
            </slot>

          </div>
          <slot name="service">

          </slot>
        </div>
      </div>
    </div>
    <div class="container-fluid" style="background: #f0f0f0">
      <div class="container-fluid-row">
        <p class="copyright">
          {{copyright}}
        </p>
      </div>
    </div>
  </div>
</template>
<script>
  export default {
    name: "ep-footer",
    props: {
      copyright: {
        type: String,
        default: " © 2010-2018 Union Repair Technology Limited. All rights reserved."
      }
    }
  }
</script>

<style scoped>

</style>
